phx-uikit 1.0.260 → 1.0.262
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/assets/icon.js +4 -1
- package/dist/cjs/assets/icon.js.map +1 -1
- package/dist/cjs/assets/icon.ts +6 -0
- package/dist/cjs/assets/tableV3/lock-close-hover.svg +9 -0
- package/dist/cjs/assets/tableV3/lock-close-mobile.svg +9 -0
- package/dist/cjs/assets/tableV3/lock-close.svg +9 -0
- package/dist/cjs/axiosInstance.js +2 -2
- package/dist/cjs/axiosInstance.js.map +1 -1
- package/dist/cjs/components/Card/Card.d.ts +1 -0
- package/dist/cjs/components/Card/Card.js +5 -3
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Combobox/Combobox.js +12 -10
- package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/DatePicker.d.ts +5 -1
- package/dist/cjs/components/DateRangePicker/DatePicker.js +14 -3
- package/dist/cjs/components/DateRangePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/components/Calendar.d.ts +5 -1
- package/dist/cjs/components/DateRangePicker/components/Calendar.js +14 -2
- package/dist/cjs/components/DateRangePicker/components/Calendar.js.map +1 -1
- package/dist/cjs/components/DateRangePicker/utils.d.ts +1 -0
- package/dist/cjs/components/DateRangePicker/utils.js +7 -0
- package/dist/cjs/components/DateRangePicker/utils.js.map +1 -1
- package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js +1 -3
- package/dist/cjs/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/dist/cjs/components/FormConfigTimeUseService/FormConfigTimeUseService.js +1 -0
- package/dist/cjs/components/FormConfigTimeUseService/FormConfigTimeUseService.js.map +1 -1
- package/dist/cjs/components/FormWrap/FormWrap.js +4 -5
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/cjs/components/MainWrapV3/MainWrapV3.js +1 -0
- package/dist/cjs/components/MainWrapV3/MainWrapV3.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/MainWrapV4.js +15 -11
- package/dist/cjs/components/MainWrapV4/MainWrapV4.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/main-content.js +2 -2
- package/dist/cjs/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/other-menu.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/other-menu.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/quick-action.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/quick-action.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/SearchBarMobile.js +1 -1
- package/dist/cjs/components/MainWrapV4/components/search/SearchBarMobile.js.map +1 -1
- package/dist/cjs/components/MainWrapV4/navigator/nav-mobile.js +4 -1
- package/dist/cjs/components/MainWrapV4/navigator/nav-mobile.js.map +1 -1
- package/dist/cjs/components/Modal/Modal.d.ts +2 -1
- package/dist/cjs/components/Modal/Modal.js +3 -3
- package/dist/cjs/components/Modal/Modal.js.map +1 -1
- package/dist/cjs/components/ResourceList/ResourceList.d.ts +1 -0
- package/dist/cjs/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/cjs/components/ResourceList/component/list.js +8 -4
- package/dist/cjs/components/ResourceList/component/list.js.map +1 -1
- package/dist/cjs/components/SearchResultListV3/SearchResultList.d.ts +1 -0
- package/dist/cjs/components/SearchResultListV3/SearchResultList.js +9 -6
- package/dist/cjs/components/SearchResultListV3/SearchResultList.js.map +1 -1
- package/dist/cjs/components/SelectWithAction/HelpText.d.ts +9 -0
- package/dist/cjs/components/SelectWithAction/HelpText.js +16 -0
- package/dist/cjs/components/SelectWithAction/HelpText.js.map +1 -0
- package/dist/cjs/components/SelectWithAction/SelectWithAction.d.ts +10 -3
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js +28 -22
- package/dist/cjs/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/cjs/components/TabDate/PHXTabDate.d.ts +2 -1
- package/dist/cjs/components/TabDate/PHXTabDate.js +20 -10
- package/dist/cjs/components/TabDate/PHXTabDate.js.map +1 -1
- package/dist/cjs/components/TableReport/TableReport.d.ts +3 -1
- package/dist/cjs/components/TableReport/TableReport.js +10 -10
- package/dist/cjs/components/TableReport/TableReport.js.map +1 -1
- package/dist/cjs/components/TableReport/component/Header.d.ts +3 -1
- package/dist/cjs/components/TableReport/component/Header.js +3 -3
- package/dist/cjs/components/TableReport/component/Header.js.map +1 -1
- package/dist/cjs/components/TableStatic/TableStatic.js +36 -16
- package/dist/cjs/components/TableStatic/TableStatic.js.map +1 -1
- package/dist/cjs/components/TableStatic/sub-row.d.ts +10 -0
- package/dist/cjs/components/TableStatic/sub-row.js +21 -0
- package/dist/cjs/components/TableStatic/sub-row.js.map +1 -0
- package/dist/cjs/components/TableV3/SelectedAction.d.ts +1 -1
- package/dist/cjs/components/TableV3/SelectedAction.js +6 -0
- package/dist/cjs/components/TableV3/SelectedAction.js.map +1 -1
- package/dist/cjs/components/Text/Text.d.ts +1 -0
- package/dist/cjs/components/Text/Text.js +1 -1
- package/dist/cjs/components/Text/Text.js.map +1 -1
- package/dist/cjs/components/TextEditor/TextEditor.d.ts +2 -1
- package/dist/cjs/components/TextEditor/TextEditor.js +29 -20
- package/dist/cjs/components/TextEditor/TextEditor.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.js +5 -4
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
- package/dist/cjs/components/Timeline/Timeline.d.ts +7 -0
- package/dist/cjs/components/Timeline/Timeline.js +20 -0
- package/dist/cjs/components/Timeline/Timeline.js.map +1 -0
- package/dist/cjs/components/Timeline/index.d.ts +1 -0
- package/dist/cjs/components/Timeline/index.js +5 -0
- package/dist/cjs/components/Timeline/index.js.map +1 -0
- package/dist/cjs/env.js +1 -1
- package/dist/cjs/env.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/assets/icon.js +4 -1
- package/dist/esm/assets/icon.js.map +1 -1
- package/dist/esm/assets/icon.ts +6 -0
- package/dist/esm/assets/tableV3/lock-close-hover.svg +9 -0
- package/dist/esm/assets/tableV3/lock-close-mobile.svg +9 -0
- package/dist/esm/assets/tableV3/lock-close.svg +9 -0
- package/dist/esm/axiosInstance.js +2 -2
- package/dist/esm/axiosInstance.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +1 -0
- package/dist/esm/components/Card/Card.js +5 -3
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Combobox/Combobox.js +12 -10
- package/dist/esm/components/Combobox/Combobox.js.map +1 -1
- package/dist/esm/components/DateRangePicker/DatePicker.d.ts +5 -1
- package/dist/esm/components/DateRangePicker/DatePicker.js +15 -4
- package/dist/esm/components/DateRangePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DateRangePicker/components/Calendar.d.ts +5 -1
- package/dist/esm/components/DateRangePicker/components/Calendar.js +15 -3
- package/dist/esm/components/DateRangePicker/components/Calendar.js.map +1 -1
- package/dist/esm/components/DateRangePicker/utils.d.ts +1 -0
- package/dist/esm/components/DateRangePicker/utils.js +6 -0
- package/dist/esm/components/DateRangePicker/utils.js.map +1 -1
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js +1 -3
- package/dist/esm/components/DescriptionListInTooltip/DescriptionListInTooltip.js.map +1 -1
- package/dist/esm/components/FormConfigTimeUseService/FormConfigTimeUseService.js +1 -0
- package/dist/esm/components/FormConfigTimeUseService/FormConfigTimeUseService.js.map +1 -1
- package/dist/esm/components/FormWrap/FormWrap.js +4 -5
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/esm/components/MainWrapV3/MainWrapV3.js +1 -0
- package/dist/esm/components/MainWrapV3/MainWrapV3.js.map +1 -1
- package/dist/esm/components/MainWrapV4/MainWrapV4.js +15 -11
- package/dist/esm/components/MainWrapV4/MainWrapV4.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/main-content.js +2 -2
- package/dist/esm/components/MainWrapV4/components/main-content.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/other-menu.js +1 -1
- package/dist/esm/components/MainWrapV4/components/other-menu.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/quick-action.js +1 -1
- package/dist/esm/components/MainWrapV4/components/quick-action.js.map +1 -1
- package/dist/esm/components/MainWrapV4/components/search/SearchBarMobile.js +1 -1
- package/dist/esm/components/MainWrapV4/components/search/SearchBarMobile.js.map +1 -1
- package/dist/esm/components/MainWrapV4/navigator/nav-mobile.js +4 -1
- package/dist/esm/components/MainWrapV4/navigator/nav-mobile.js.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/Modal/Modal.js +3 -3
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/ResourceList/ResourceList.d.ts +1 -0
- package/dist/esm/components/ResourceList/ResourceList.js.map +1 -1
- package/dist/esm/components/ResourceList/component/list.js +8 -4
- package/dist/esm/components/ResourceList/component/list.js.map +1 -1
- package/dist/esm/components/SearchResultListV3/SearchResultList.d.ts +1 -0
- package/dist/esm/components/SearchResultListV3/SearchResultList.js +9 -6
- package/dist/esm/components/SearchResultListV3/SearchResultList.js.map +1 -1
- package/dist/esm/components/SelectWithAction/HelpText.d.ts +9 -0
- package/dist/esm/components/SelectWithAction/HelpText.js +11 -0
- package/dist/esm/components/SelectWithAction/HelpText.js.map +1 -0
- package/dist/esm/components/SelectWithAction/SelectWithAction.d.ts +10 -3
- package/dist/esm/components/SelectWithAction/SelectWithAction.js +29 -22
- package/dist/esm/components/SelectWithAction/SelectWithAction.js.map +1 -1
- package/dist/esm/components/TabDate/PHXTabDate.d.ts +2 -1
- package/dist/esm/components/TabDate/PHXTabDate.js +20 -10
- package/dist/esm/components/TabDate/PHXTabDate.js.map +1 -1
- package/dist/esm/components/TableReport/TableReport.d.ts +3 -1
- package/dist/esm/components/TableReport/TableReport.js +10 -10
- package/dist/esm/components/TableReport/TableReport.js.map +1 -1
- package/dist/esm/components/TableReport/component/Header.d.ts +3 -1
- package/dist/esm/components/TableReport/component/Header.js +3 -3
- package/dist/esm/components/TableReport/component/Header.js.map +1 -1
- package/dist/esm/components/TableStatic/TableStatic.js +36 -16
- package/dist/esm/components/TableStatic/TableStatic.js.map +1 -1
- package/dist/esm/components/TableStatic/sub-row.d.ts +10 -0
- package/dist/esm/components/TableStatic/sub-row.js +17 -0
- package/dist/esm/components/TableStatic/sub-row.js.map +1 -0
- package/dist/esm/components/TableV3/SelectedAction.d.ts +1 -1
- package/dist/esm/components/TableV3/SelectedAction.js +6 -0
- package/dist/esm/components/TableV3/SelectedAction.js.map +1 -1
- package/dist/esm/components/Text/Text.d.ts +1 -0
- package/dist/esm/components/Text/Text.js +1 -1
- package/dist/esm/components/Text/Text.js.map +1 -1
- package/dist/esm/components/TextEditor/TextEditor.d.ts +2 -1
- package/dist/esm/components/TextEditor/TextEditor.js +29 -20
- package/dist/esm/components/TextEditor/TextEditor.js.map +1 -1
- package/dist/esm/components/Textarea/Textarea.js +5 -4
- package/dist/esm/components/Textarea/Textarea.js.map +1 -1
- package/dist/esm/components/Timeline/Timeline.d.ts +7 -0
- package/dist/esm/components/Timeline/Timeline.js +16 -0
- package/dist/esm/components/Timeline/Timeline.js.map +1 -0
- package/dist/esm/components/Timeline/index.d.ts +1 -0
- package/dist/esm/components/Timeline/index.js +2 -0
- package/dist/esm/components/Timeline/index.js.map +1 -0
- package/dist/esm/env.js +1 -1
- package/dist/esm/env.js.map +1 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/Func/GRPC/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/GRPC/clientMutationDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientMutationDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/GRPC/clientMutationV3.d.ts +0 -6
- package/dist/cjs/components/Func/GRPC/clientMutationV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientMutationV3.js.map +0 -1
- package/dist/cjs/components/Func/GRPC/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/GRPC/clientQueryDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientQueryDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/GRPC/clientQueryV3.d.ts +0 -6
- package/dist/cjs/components/Func/GRPC/clientQueryV3.js +0 -53
- package/dist/cjs/components/Func/GRPC/clientQueryV3.js.map +0 -1
- package/dist/cjs/components/Func/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/clientMutationDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/clientMutationDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/clientMutationV3.d.ts +0 -6
- package/dist/cjs/components/Func/clientMutationV3.js +0 -53
- package/dist/cjs/components/Func/clientMutationV3.js.map +0 -1
- package/dist/cjs/components/Func/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/cjs/components/Func/clientQueryDataCenterV3.js +0 -53
- package/dist/cjs/components/Func/clientQueryDataCenterV3.js.map +0 -1
- package/dist/cjs/components/Func/clientQueryV3.d.ts +0 -6
- package/dist/cjs/components/Func/clientQueryV3.js +0 -53
- package/dist/cjs/components/Func/clientQueryV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/GRPC/clientMutationDataCenterV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientMutationDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientMutationV3.d.ts +0 -6
- package/dist/esm/components/Func/GRPC/clientMutationV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientMutationV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/GRPC/clientQueryDataCenterV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientQueryDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/GRPC/clientQueryV3.d.ts +0 -6
- package/dist/esm/components/Func/GRPC/clientQueryV3.js +0 -50
- package/dist/esm/components/Func/GRPC/clientQueryV3.js.map +0 -1
- package/dist/esm/components/Func/clientMutationDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/clientMutationDataCenterV3.js +0 -50
- package/dist/esm/components/Func/clientMutationDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/clientMutationV3.d.ts +0 -6
- package/dist/esm/components/Func/clientMutationV3.js +0 -50
- package/dist/esm/components/Func/clientMutationV3.js.map +0 -1
- package/dist/esm/components/Func/clientQueryDataCenterV3.d.ts +0 -5
- package/dist/esm/components/Func/clientQueryDataCenterV3.js +0 -50
- package/dist/esm/components/Func/clientQueryDataCenterV3.js.map +0 -1
- package/dist/esm/components/Func/clientQueryV3.d.ts +0 -6
- package/dist/esm/components/Func/clientQueryV3.js +0 -50
- package/dist/esm/components/Func/clientQueryV3.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,SAAS,IAAI,CAAC,EAeR;QAdJ,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,mBAAmB,yBAAA,EACnB,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEZ,IAAM,WAAW,GAAG,UAAC,IAAS;QAC5B,IAAI,WAAW,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7B,WAAW,CAAC,IAAI,CAAC,CAAA;QACnB,CAAC;aAAM,CAAC;YACN,OAAM;QACR,CAAC;IACH,CAAC,CAAA;IAEK,IAAA,KAAgC,QAAQ,CAAM,mBAAmB,CAAC,EAAjE,WAAW,QAAA,EAAE,cAAc,QAAsC,CAAA;IAExE,IAAM,eAAe,GAAG,UAAC,CAAM,EAAE,IAAS,EAAE,IAAY;QACtD,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;YACxB,IAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO;gBAC3B,CAAC,CAAC,aAAa;iDACT,YAAY,UAAE,IAAI,UACxB,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAhB,CAAgB,CAAC,CAAA;YAErD,eAAe,CAAC,IAAI,CAAC,CAAA;YAErB,IAAI,aAAa,IAAI,CAAC,eAAe,EAAE,CAAC;gBACtC,aAAa,CAAC,IAAI,CAAC,CAAA;YACrB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,IAAI,CAAC,CAAA;YACpB,aAAa,CAAC,IAAI,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CACG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa;;QAAK,OAAA,CAChD,6BACE,GAAG,EAAE,KAAK,uBAEV,SAAS,EAAE,UAAU,CACnB,UAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAE,EAC7B,KAAK,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,EAC9C,KAAK,KAAK,CAAC,IAAI,CAAC,YAAY,IAAI,cAAc,EAC9C,KAAK,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,cAAc,EACjF,YAAY,CAAC,IAAI,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAhB,CAAgB,CAAC,IAAI,YAAY,EAC/D,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../src/components/ResourceList/component/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,11 +15,11 @@ export function classNames() {
|
|
|
15
15
|
return classes.filter(Boolean).join(' ');
|
|
16
16
|
}
|
|
17
17
|
var PHXSearchResultListV3 = function (_a) {
|
|
18
|
-
var _b = _a.defaultInputText, defaultInputText = _b === void 0 ? '' : _b, disabled = _a.disabled, error = _a.error, errorMessageCustom = _a.errorMessageCustom, errorType = _a.errorType, filterArray = _a.filterArray, getSearchResult = _a.getSearchResult, handleCustomRender = _a.handleCustomRender, handleQueryValue = _a.handleQueryValue, isArray = _a.isArray, isFillInput = _a.isFillInput, label = _a.label, listSelected = _a.listSelected, name = _a.name, placeholder = _a.placeholder, _c = _a.queryValueType, queryValueType = _c === void 0 ? 'default' : _c, register = _a.register, search = _a.search, setValue = _a.setValue, _d = _a.isUnaccentSearchValue, isUnaccentSearchValue = _d === void 0 ? false : _d;
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
18
|
+
var _b = _a.defaultInputText, defaultInputText = _b === void 0 ? '' : _b, disabled = _a.disabled, error = _a.error, errorMessageCustom = _a.errorMessageCustom, errorType = _a.errorType, filterArray = _a.filterArray, getSearchResult = _a.getSearchResult, handleCustomRender = _a.handleCustomRender, handleQueryValue = _a.handleQueryValue, isArray = _a.isArray, isFillInput = _a.isFillInput, label = _a.label, listSelected = _a.listSelected, name = _a.name, placeholder = _a.placeholder, _c = _a.queryValueType, queryValueType = _c === void 0 ? 'default' : _c, register = _a.register, search = _a.search, setValue = _a.setValue, _d = _a.isUnaccentSearchValue, isUnaccentSearchValue = _d === void 0 ? false : _d, _e = _a.isClearAfterSelect, isClearAfterSelect = _e === void 0 ? false : _e;
|
|
19
|
+
var _f = useState(defaultInputText), searchValue = _f[0], setSearchValue = _f[1];
|
|
20
|
+
var _g = useState(false), isSearchLoading = _g[0], setIsSearchLoading = _g[1];
|
|
21
|
+
var _h = useState(false), isSearching = _h[0], setIsSearching = _h[1];
|
|
22
|
+
var _j = useState([]), searchDataResult = _j[0], setSearchDataResult = _j[1];
|
|
23
23
|
// Refs for improved control
|
|
24
24
|
var searchIdRef = useRef(0);
|
|
25
25
|
var lastFetchedQueryRef = useRef('');
|
|
@@ -116,8 +116,11 @@ var PHXSearchResultListV3 = function (_a) {
|
|
|
116
116
|
getSearchResult(item);
|
|
117
117
|
setIsSearching(false);
|
|
118
118
|
var formatted = formatDynamicFields(item);
|
|
119
|
-
if (isArray) {
|
|
119
|
+
if (isArray || isClearAfterSelect) {
|
|
120
120
|
setSearchValue('');
|
|
121
|
+
if (isClearAfterSelect) {
|
|
122
|
+
setValue(name, '');
|
|
123
|
+
}
|
|
121
124
|
}
|
|
122
125
|
else if (isFillInput && handleCustomRender) {
|
|
123
126
|
setSearchValue(handleCustomRender(item));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultListV3/SearchResultList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,KAAK,EAAE,EAAM,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,cAAc,MAAM,qBAAqB,CAAA;AAChD,OAAO,YAAY,MAAM,4BAA4B,CAAA;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAGnD,MAAM,UAAU,UAAU;IAAC,iBAAiC;SAAjC,UAAiC,EAAjC,qBAAiC,EAAjC,IAAiC;QAAjC,4BAAiC;;IAC1D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;
|
|
1
|
+
{"version":3,"file":"SearchResultList.js","sourceRoot":"","sources":["../../../../src/components/SearchResultListV3/SearchResultList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface HelpTextContent {
|
|
3
|
+
title: string;
|
|
4
|
+
description: string;
|
|
5
|
+
}
|
|
6
|
+
export interface HelpTextProps {
|
|
7
|
+
helpText?: string | HelpTextContent;
|
|
8
|
+
}
|
|
9
|
+
export declare const PHXHelpText: ({ helpText }: HelpTextProps) => React.JSX.Element;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PHXText } from '../Text/Text';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
export var PHXHelpText = function (_a) {
|
|
4
|
+
var helpText = _a.helpText;
|
|
5
|
+
if (!helpText)
|
|
6
|
+
return React.createElement(React.Fragment, null);
|
|
7
|
+
return (React.createElement(PHXText, { as: 'div', tone: 'subdued' }, typeof helpText === 'string' ? (helpText) : (React.createElement("div", { className: 'flex gap-1' },
|
|
8
|
+
React.createElement(PHXText, { as: 'div', tone: 'subdued' }, "".concat(helpText.title, ":")),
|
|
9
|
+
React.createElement(PHXText, { as: 'div' }, helpText.description)))));
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=HelpText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpText.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/HelpText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAA2B;QAAzB,QAAQ,cAAA;IACpC,IAAI,CAAC,QAAQ;QAAE,OAAO,yCAAK,CAAA;IAE3B,OAAO,CACL,oBAAC,OAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAC,YAAY;QACzB,oBAAC,OAAO,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAC7B,UAAG,QAAQ,CAAC,KAAK,MAAG,CACb;QACV,oBAAC,OAAO,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAC,WAAW,CAAW,CAC9C,CACP,CACO,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { BadgeProps } from '../Badge';
|
|
3
4
|
export type IconItemType = 'edit' | 'delete';
|
|
4
5
|
export interface ActionItem {
|
|
5
6
|
type: IconItemType;
|
|
@@ -8,13 +9,18 @@ export interface ActionItem {
|
|
|
8
9
|
export interface SelectOption {
|
|
9
10
|
value: string;
|
|
10
11
|
label: string;
|
|
11
|
-
helpText?: string;
|
|
12
|
+
helpText?: string | SelectHelpText;
|
|
13
|
+
badge?: BadgeProps;
|
|
12
14
|
action?: ActionItem;
|
|
13
15
|
}
|
|
14
16
|
export interface Search {
|
|
15
17
|
value: string;
|
|
16
18
|
handleFilter(value: string): void;
|
|
17
19
|
}
|
|
20
|
+
export interface SelectHelpText {
|
|
21
|
+
title: string;
|
|
22
|
+
description: string;
|
|
23
|
+
}
|
|
18
24
|
export interface PHXSelectWithActionProps {
|
|
19
25
|
label: string;
|
|
20
26
|
suffix?: ReactNode;
|
|
@@ -27,8 +33,9 @@ export interface PHXSelectWithActionProps {
|
|
|
27
33
|
className?: string;
|
|
28
34
|
maxHeight?: string;
|
|
29
35
|
error?: string;
|
|
30
|
-
helpText?: string;
|
|
36
|
+
helpText?: string | SelectHelpText;
|
|
31
37
|
emptyState?: ReactNode;
|
|
38
|
+
disabled?: boolean;
|
|
32
39
|
emptySearchState?: ReactNode;
|
|
33
40
|
loading?: boolean;
|
|
34
41
|
addNew?: {
|
|
@@ -36,4 +43,4 @@ export interface PHXSelectWithActionProps {
|
|
|
36
43
|
onClick(): void;
|
|
37
44
|
};
|
|
38
45
|
}
|
|
39
|
-
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
46
|
+
export declare function PHXSelectWithAction({ addNew, className, emptySearchState, emptyState, error, helpText, label, loading, maxHeight, onChange, options, placeholder, search, searchPlaceholder, suffix, value: defaultValue, disabled, }: PHXSelectWithActionProps): React.JSX.Element;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
|
+
import { __assign } from "tslib";
|
|
2
3
|
import Image from 'next/image';
|
|
3
4
|
import { useEffect, useRef, useState } from 'react';
|
|
4
5
|
import PencilIcon from '../../assets/icons/pencil-icon.svg';
|
|
@@ -10,9 +11,11 @@ import React from 'react';
|
|
|
10
11
|
import { classNames } from '../types';
|
|
11
12
|
import { IconLoading } from '../../commons/IconLoading';
|
|
12
13
|
import { PHXText } from '../Text/Text';
|
|
14
|
+
import { PHXBadge } from '../Badge';
|
|
15
|
+
import { PHXHelpText } from './HelpText';
|
|
13
16
|
var ADD_NEW_VALUE = 'ADD_NEW';
|
|
14
17
|
export function PHXSelectWithAction(_a) {
|
|
15
|
-
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight = _c === void 0 ? '300px' : _c, onChange = _a.onChange, options = _a.options, _d = _a.placeholder, placeholder = _d === void 0 ? 'Lựa chọn' : _d, search = _a.search, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? 'Tìm kiếm' : _e, suffix = _a.suffix, defaultValue = _a.value;
|
|
18
|
+
var addNew = _a.addNew, _b = _a.className, className = _b === void 0 ? '' : _b, emptySearchState = _a.emptySearchState, emptyState = _a.emptyState, error = _a.error, helpText = _a.helpText, label = _a.label, loading = _a.loading, _c = _a.maxHeight, maxHeight = _c === void 0 ? '300px' : _c, onChange = _a.onChange, options = _a.options, _d = _a.placeholder, placeholder = _d === void 0 ? 'Lựa chọn' : _d, search = _a.search, _e = _a.searchPlaceholder, searchPlaceholder = _e === void 0 ? 'Tìm kiếm' : _e, suffix = _a.suffix, defaultValue = _a.value, disabled = _a.disabled;
|
|
16
19
|
var _f = useState(''), searchQuery = _f[0], setSearchQuery = _f[1];
|
|
17
20
|
var _g = useState(false), isOpen = _g[0], setIsOpen = _g[1];
|
|
18
21
|
var _h = useState(false), isLeaving = _h[0], setIsLeaving = _h[1];
|
|
@@ -83,11 +86,11 @@ export function PHXSelectWithAction(_a) {
|
|
|
83
86
|
React.createElement(PHXText, null, label),
|
|
84
87
|
suffix && React.createElement("div", { className: 'text-sm font-medium' }, suffix)),
|
|
85
88
|
React.createElement("div", { className: 'relative' },
|
|
86
|
-
React.createElement("button", { className: classNames('border-input bg-background shadow-sm mt-1 flex w-full items-center justify-between rounded-lg border-[0.5px] border-gray-500 py-1.5 pl-3 pr-2 text-xs hover:bg-gray-50', defaultValue ? '' : 'text-muted-foreground', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : ''), onClick: function () { return setIsOpen(!isOpen); }, type: 'button' },
|
|
89
|
+
React.createElement("button", { className: classNames('border-input bg-background shadow-sm mt-1 flex w-full items-center justify-between rounded-lg border-[0.5px] border-gray-500 py-1.5 pl-3 pr-2 text-xs hover:bg-gray-50', defaultValue ? '' : 'text-muted-foreground', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-neutral-200 border-[0px] hover:bg-neutral-200' : ''), onClick: !disabled ? function () { return setIsOpen(!isOpen); } : undefined, type: 'button' },
|
|
87
90
|
React.createElement("span", { className: 'truncate' }, (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label) || placeholder),
|
|
88
|
-
React.createElement(Image, { alt: '', className: classNames(' shrink-0 transition-transform', isOpen ? 'rotate-180' : ''), height: 20,
|
|
91
|
+
!disabled && (React.createElement(Image, { alt: '', className: classNames(' shrink-0 transition-transform', isOpen ? 'rotate-180' : ''), height: 20,
|
|
89
92
|
// @ts-ignore
|
|
90
|
-
src: ChevronDownIcon, width: 20 })),
|
|
93
|
+
src: ChevronDownIcon, width: 20 }))),
|
|
91
94
|
isOpen && (React.createElement("div", { className: classNames('border-border shadow-lg absolute z-50 mt-1 w-full rounded-lg border bg-white transition-opacity duration-100', isLeaving ? 'opacity-0' : 'opacity-100') },
|
|
92
95
|
search && (React.createElement("div", { className: 'border-border border-b p-3' },
|
|
93
96
|
React.createElement("div", { className: 'relative' },
|
|
@@ -99,30 +102,34 @@ export function PHXSelectWithAction(_a) {
|
|
|
99
102
|
addNew && (React.createElement("button", { className: classNames('border-border flex w-full cursor-pointer items-center gap-2 border-b px-4 py-3 text-sm transition-colors hover:bg-zinc-100'), onClick: function () { return handleChange(ADD_NEW_VALUE); }, type: 'button' },
|
|
100
103
|
React.createElement(Image, { alt: '', height: 13, src: PlusIcon, width: 13 }),
|
|
101
104
|
React.createElement(PHXText, null, addNew.title))),
|
|
102
|
-
React.createElement("div",
|
|
105
|
+
React.createElement("div", null, filteredOptions.length > 0 ? (filteredOptions.map(function (option, index) {
|
|
103
106
|
var selected = isOptionSelected(option);
|
|
104
|
-
return (React.createElement(
|
|
105
|
-
React.createElement("
|
|
106
|
-
React.createElement("div", { className: '
|
|
107
|
-
React.createElement(
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
var _a;
|
|
115
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
116
|
-
e.preventDefault();
|
|
107
|
+
return (React.createElement(React.Fragment, null,
|
|
108
|
+
React.createElement("button", { key: option.value, className: classNames('group w-full cursor-pointer px-2', selected ? 'bg-zinc-200 ' : ' hover:bg-zinc-100'), onClick: function () { return handleChange(option); }, type: 'button' },
|
|
109
|
+
React.createElement("div", { className: 'flex items-center justify-between' },
|
|
110
|
+
React.createElement("div", { className: 'max-w-[90%] px-2 py-2.5 text-left space-y-1' },
|
|
111
|
+
React.createElement(PHXText, { className: "truncate ".concat(selected ? 'font-semibold text-gray-900' : 'text-gray-700 font-medium') }, option.label),
|
|
112
|
+
option.helpText && React.createElement(PHXHelpText, { helpText: option.helpText }),
|
|
113
|
+
option.badge && React.createElement(PHXBadge, __assign({}, option.badge))),
|
|
114
|
+
!!option.action && (React.createElement("div", { className: "mr-2 flex h-8 w-8 items-center justify-center rounded-md ".concat(selected ? 'hover:bg-gray-300' : 'hover:bg-gray-200'), onClick: function (e) {
|
|
115
|
+
var _a;
|
|
116
|
+
e.stopPropagation();
|
|
117
117
|
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
|
|
118
|
+
}, onKeyDown: function (e) {
|
|
119
|
+
var _a;
|
|
120
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
121
|
+
e.preventDefault();
|
|
122
|
+
(_a = option.action) === null || _a === void 0 ? void 0 : _a.onClick(option.value);
|
|
123
|
+
}
|
|
124
|
+
}, role: 'button', tabIndex: 0 },
|
|
125
|
+
React.createElement("div", { className: "flex items-center opacity-0 transition-opacity group-hover:opacity-100 " },
|
|
126
|
+
React.createElement(Image, { alt: '', height: 13, src: getIconItem(option.action.type), width: 13 })))))),
|
|
127
|
+
index === filteredOptions.length - 1 ? null : React.createElement("div", { className: 'border-t ' })));
|
|
121
128
|
})) : (React.createElement("div", { className: ' px-3 py-8 text-center' },
|
|
122
129
|
React.createElement(PHXText, { as: 'div' }, getEmptyState())))))))),
|
|
123
130
|
React.createElement("div", { className: "".concat(error ? 'mt-1 block' : 'hidden') },
|
|
124
131
|
React.createElement(PHXText, { as: 'div', tone: 'error' }, error)),
|
|
125
132
|
React.createElement("div", { className: "".concat(helpText ? 'mt-1 block' : 'hidden') },
|
|
126
|
-
React.createElement(
|
|
133
|
+
React.createElement(PHXHelpText, { helpText: helpText }))));
|
|
127
134
|
}
|
|
128
135
|
//# sourceMappingURL=SelectWithAction.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA
|
|
1
|
+
{"version":3,"file":"SelectWithAction.js","sourceRoot":"","sources":["../../../../src/components/SelectWithAction/SelectWithAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,7 @@ export type PHXDateTimelineProps = {
|
|
|
11
11
|
onChangeTime?(date: Date): void;
|
|
12
12
|
hideTodayButton?: boolean;
|
|
13
13
|
showRightArrowButton?: boolean;
|
|
14
|
+
selectedDate?: PHXDateTimelineItem['date'];
|
|
14
15
|
};
|
|
15
|
-
declare const PHXTabDate: ({ daysOfWeek, hideTodayButton, onChangeTime, timeline: timelineProp, windowSize, showRightArrowButton, }: PHXDateTimelineProps) => React.JSX.Element;
|
|
16
|
+
declare const PHXTabDate: ({ daysOfWeek, hideTodayButton, onChangeTime, timeline: timelineProp, windowSize, showRightArrowButton, selectedDate, }: PHXDateTimelineProps) => React.JSX.Element;
|
|
16
17
|
export default PHXTabDate;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { PHXButton } from '../Button';
|
|
3
|
+
import { classNames } from '../types';
|
|
3
4
|
var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
|
|
4
5
|
var PHXTabDate = function (_a) {
|
|
5
|
-
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, _c = _a.hideTodayButton, hideTodayButton = _c === void 0 ? false : _c, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _d = _a.windowSize, windowSize = _d === void 0 ? 8 : _d, _e = _a.showRightArrowButton, showRightArrowButton = _e === void 0 ? false : _e;
|
|
6
|
+
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, _c = _a.hideTodayButton, hideTodayButton = _c === void 0 ? false : _c, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _d = _a.windowSize, windowSize = _d === void 0 ? 8 : _d, _e = _a.showRightArrowButton, showRightArrowButton = _e === void 0 ? false : _e, selectedDate = _a.selectedDate;
|
|
6
7
|
// tự build 30 ngày trước + hôm nay
|
|
7
8
|
var buildDefaultTimeline = function () {
|
|
8
9
|
function getPreviousDays(baseDate, n) {
|
|
@@ -31,6 +32,7 @@ var PHXTabDate = function (_a) {
|
|
|
31
32
|
return past;
|
|
32
33
|
};
|
|
33
34
|
var timeline = timelineProp || buildDefaultTimeline();
|
|
35
|
+
var isHaveOnlyOneOption = timeline.length === 1;
|
|
34
36
|
var _f = useState(-1), todayIndex = _f[0], setTodayIndex = _f[1];
|
|
35
37
|
var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
36
38
|
var _g = useState(initialStartIndex), startIndex = _g[0], setStartIndex = _g[1];
|
|
@@ -61,24 +63,32 @@ var PHXTabDate = function (_a) {
|
|
|
61
63
|
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
|
|
62
64
|
};
|
|
63
65
|
useEffect(function () {
|
|
66
|
+
if (selectedDate) {
|
|
67
|
+
var selectedIndex = timeline.findIndex(function (t) { return t.date === selectedDate; });
|
|
68
|
+
setActiveIndex(selectedIndex);
|
|
69
|
+
setTodayIndex(selectedIndex);
|
|
70
|
+
setStartIndex(Math.max(selectedIndex - (windowSize - 1), 0));
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
64
73
|
var newTodayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
|
|
65
74
|
setActiveIndex(newTodayIndex);
|
|
66
75
|
setTodayIndex(newTodayIndex);
|
|
67
76
|
setStartIndex(Math.max(newTodayIndex - (windowSize - 1), 0));
|
|
68
|
-
}, [timelineProp === null || timelineProp === void 0 ? void 0 : timelineProp.length, timeline.length]);
|
|
77
|
+
}, [timelineProp === null || timelineProp === void 0 ? void 0 : timelineProp.length, timeline.length, selectedDate]);
|
|
69
78
|
return (React.createElement("div", null,
|
|
70
79
|
!hideTodayButton && (React.createElement(PHXButton, { className: 'mb-3', iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar' }, "H\u00F4m nay")),
|
|
71
|
-
React.createElement("div", { className: 'flex w-full items-center
|
|
72
|
-
React.createElement("button", { className: '\n mr-1 flex h-[
|
|
80
|
+
React.createElement("div", { className: 'flex w-full items-center' },
|
|
81
|
+
!isHaveOnlyOneOption && (React.createElement("button", { className: '\n mr-1 flex h-[4.6rem] w-[1.875rem] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n ',
|
|
73
82
|
// chỉ check startIndex === 0 để disable
|
|
74
83
|
disabled: startIndex === 0, onClick: handlePrevClick },
|
|
75
84
|
React.createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
76
|
-
React.createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
|
|
77
|
-
React.createElement("
|
|
85
|
+
React.createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))),
|
|
86
|
+
React.createElement("style", null, "\n .scrollbar-thin::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n .scrollbar-thin::-webkit-scrollbar-thumb {\n background: rgb(199 199 199);\n border-radius: 16px;\n border: 2px solid transparent; /* gi\u1EA3 padding */\n background-clip: content-box; /* gi\u00FAp background n\u1EB1m trong border */\n }\n "),
|
|
87
|
+
React.createElement("div", { className: classNames('flex h-[4.5rem] scrollbar-thin rounded-lg shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)]', isHaveOnlyOneOption ? 'w-[7.5rem]' : 'flex-1 overflow-x-auto') }, visibleDays.map(function (item, index) {
|
|
78
88
|
var globalIndex = startIndex + index;
|
|
79
89
|
var isActive = activeIndex === globalIndex;
|
|
80
|
-
return (React.createElement("div", { key: globalIndex, className: '
|
|
81
|
-
React.createElement("button", { className: "".concat(index === 0
|
|
90
|
+
return (React.createElement("div", { key: globalIndex, className: 'w-full min-w-[7.5rem]' },
|
|
91
|
+
React.createElement("button", { className: " ".concat(index === 0 ? 'rounded-l-lg ' : 'border-l', " \n ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n h-full w-full border-gray-300 bg-white px-2 py-1.5 hover:bg-gray-100"), onClick: function () {
|
|
82
92
|
setActiveIndex(globalIndex);
|
|
83
93
|
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
|
|
84
94
|
} }, isActive ? (React.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
|
|
@@ -87,9 +97,9 @@ var PHXTabDate = function (_a) {
|
|
|
87
97
|
React.createElement("span", { className: 'text-sm text-gray-600' }, item.title),
|
|
88
98
|
React.createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
|
|
89
99
|
})),
|
|
90
|
-
(startIndex !== initialStartIndex || showRightArrowButton) && (React.createElement("button", { className: 'ml-1 flex h-[
|
|
100
|
+
(startIndex !== initialStartIndex || showRightArrowButton) && !isHaveOnlyOneOption && (React.createElement("button", { className: 'ml-1 flex h-[4.6rem] w-[1.875rem] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400', onClick: handleNextClick, disabled: startIndex + windowSize >= timeline.length },
|
|
91
101
|
React.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
92
|
-
React.createElement("path", { d: 'M9 18L15 12L9 6', stroke: '
|
|
102
|
+
React.createElement("path", { d: 'M9 18L15 12L9 6', stroke: 'currentColor', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
|
|
93
103
|
};
|
|
94
104
|
export default PHXTabDate;
|
|
95
105
|
//# sourceMappingURL=PHXTabDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,5 +21,7 @@ export interface TableReportProps {
|
|
|
21
21
|
tableKey?: string;
|
|
22
22
|
border?: boolean;
|
|
23
23
|
spacing?: boolean;
|
|
24
|
+
textCenter?: boolean;
|
|
25
|
+
isHeaderBgWhite?: boolean;
|
|
24
26
|
}
|
|
25
|
-
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, }: TableReportProps): React.JSX.Element;
|
|
27
|
+
export declare function PHXTableReport({ tableData, thHeader, thBody, thBodyComponent, mergeConfig, rowHighlightConfig, search, loading, pagination, readonly, onClick, type, selectedAllPeople, tableKey, border, spacing, textCenter, isHeaderBgWhite, }: TableReportProps): React.JSX.Element;
|
|
@@ -16,18 +16,18 @@ export function PHXTableReport(_a) {
|
|
|
16
16
|
var tableData = _a.tableData, thHeader = _a.thHeader, thBody = _a.thBody, thBodyComponent = _a.thBodyComponent, _b = _a.mergeConfig, mergeConfig = _b === void 0 ? { isMergeRowData: false, columnPosition: [] } : _b, rowHighlightConfig = _a.rowHighlightConfig, _c = _a.search, search = _c === void 0 ? {
|
|
17
17
|
enable: false,
|
|
18
18
|
loading: false,
|
|
19
|
-
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick, _e = _a.type, type = _e === void 0 ? 'default' : _e, selectedAllPeople = _a.selectedAllPeople, _f = _a.tableKey, tableKey = _f === void 0 ? 'table-report' : _f, _g = _a.border, border = _g === void 0 ? true : _g, _h = _a.spacing, spacing = _h === void 0 ? false :
|
|
19
|
+
} : _c, loading = _a.loading, pagination = _a.pagination, _d = _a.readonly, readonly = _d === void 0 ? false : _d, onClick = _a.onClick, _e = _a.type, type = _e === void 0 ? 'default' : _e, selectedAllPeople = _a.selectedAllPeople, _f = _a.tableKey, tableKey = _f === void 0 ? 'table-report' : _f, _g = _a.border, border = _g === void 0 ? true : _g, _h = _a.spacing, spacing = _h === void 0 ? true : _h, _j = _a.textCenter, textCenter = _j === void 0 ? true : _j, _k = _a.isHeaderBgWhite, isHeaderBgWhite = _k === void 0 ? false : _k;
|
|
20
20
|
var checkbox = useRef();
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var
|
|
24
|
-
var
|
|
25
|
-
var
|
|
26
|
-
var
|
|
21
|
+
var _l = useState(false), isSearch = _l[0], setIsSearch = _l[1];
|
|
22
|
+
var _m = useState([]), selectedPeople = _m[0], setSelectedPeople = _m[1];
|
|
23
|
+
var _o = useState(false), checked = _o[0], setChecked = _o[1];
|
|
24
|
+
var _p = useState(false), indeterminate = _p[0], setIndeterminate = _p[1];
|
|
25
|
+
var _q = useState(1), currentPage = _q[0], setCurrentPage = _q[1];
|
|
26
|
+
var _r = useState(0), offset = _r[0], setOffset = _r[1];
|
|
27
27
|
var maxDepth = getMaxDepth(thHeader);
|
|
28
28
|
var rows = buildHeaderRows(thHeader, 0, [], maxDepth, 0);
|
|
29
29
|
var rowClassName = function (keyIdx, dataIdx) {
|
|
30
|
-
return classNames('text-xs
|
|
30
|
+
return classNames('text-xs whitespace-nowrap', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-2 py-2' : '', keyIdx !== 0 && border && 'border-l', dataIdx !== 0 && 'border-t', dataIdx === tableData.length - 1 && keyIdx === 0 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-bl-lg', dataIdx === tableData.length - 1 && keyIdx === thBody.length - 1 && !(pagination === null || pagination === void 0 ? void 0 : pagination.enable) && 'rounded-br-lg');
|
|
31
31
|
};
|
|
32
32
|
var isHighLight = function (data) {
|
|
33
33
|
return !!(rowHighlightConfig && data[rowHighlightConfig.key] === rowHighlightConfig.value);
|
|
@@ -60,7 +60,7 @@ export function PHXTableReport(_a) {
|
|
|
60
60
|
setSelectedPeople(value.slice(-maxSelectedPeople));
|
|
61
61
|
};
|
|
62
62
|
return (React.createElement(React.Fragment, null,
|
|
63
|
-
loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (React.createElement("div", { className: 'rounded-lg bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)] ring-1 ring-gray-300' },
|
|
63
|
+
loading ? (React.createElement(PHXSkeleton, { type: 'table' })) : (React.createElement(React.Fragment, null, tableData.length > 0 || (tableData.length === 0 && isSearch) ? (React.createElement("div", { className: 'rounded-lg overflow-hidden bg-white shadow-[0rem_.3125rem_.3125rem_-.15625rem_rgba(0,0,0,.03),0rem_.1875rem_.1875rem_-.09375rem_rgba(0,0,0,.02),0rem_.125rem_.125rem_-.0625rem_rgba(0,0,0,.02),0rem_.0625rem_.0625rem_-.03125rem_rgba(0,0,0,.03),0rem_.03125rem_.03125rem_0rem_rgba(0,0,0,.04),0rem_0rem_0rem_.0625rem_rgba(0,0,0,.06)] ring-1 ring-gray-300' },
|
|
64
64
|
search && search.enable && (React.createElement("div", { className: classNames('relative flex h-9 flex-row items-center rounded-tl-lg rounded-tr-lg px-3 ring-1 ring-gray-300', isSearch ? 'border-none' : 'justify-end', type === 'in-card' ? 'bg-gray-50' : 'bg-white') },
|
|
65
65
|
React.createElement(Search, { isSearch: isSearch, search: search, setIsSearch: setIsSearch, type: type, setCurrentPage: setCurrentPage, setOffset: setOffset, paginationChange: pagination === null || pagination === void 0 ? void 0 : pagination.onChange }),
|
|
66
66
|
React.createElement("button", { className: classNames('ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', isSearch ? 'pointer-events-none opacity-0' : 'opacity-100'), onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
@@ -71,7 +71,7 @@ export function PHXTableReport(_a) {
|
|
|
71
71
|
React.createElement(React.Fragment, null,
|
|
72
72
|
React.createElement("table", { className: 'min-w-full divide-y divide-gray-300' },
|
|
73
73
|
React.createElement("thead", null,
|
|
74
|
-
React.createElement(Header, { border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing })),
|
|
74
|
+
React.createElement(Header, { isHeaderBgWhite: isHeaderBgWhite, border: border, checkbox: checkbox, checked: checked, rows: rows, search: search, selectedAllPeople: selectedAllPeople, tableKey: tableKey, toggleAll: toggleAll, spacing: spacing, textCenter: textCenter })),
|
|
75
75
|
React.createElement("tbody", null, buildRowSpan(tableData, mergeConfig).map(function (data, dataIdx) { return (React.createElement("tr", { key: dataIdx, className: classNames('group', isHighLight(data) && 'bg-gray-100 font-semibold'), onClick: function () { return handleClick(data, isHighLight(data)); } }, thBody.map(function (bodyKey, keyIdx) { return (React.createElement(React.Fragment, null, mergeConfig.isMergeRowData ? (React.createElement(RowMerge, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, mergeConfig: mergeConfig, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })) : (React.createElement(Row, { border: border, bodyKey: bodyKey, brSetSelectedPeople: brSetSelectedPeople, className: rowClassName(keyIdx, dataIdx), data: data, dataIdx: dataIdx, highlightReadonly: !!(rowHighlightConfig === null || rowHighlightConfig === void 0 ? void 0 : rowHighlightConfig.readonly), isHighlight: isHighLight(data), keyIdx: keyIdx, readonly: readonly, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, tableKey: tableKey, thBodyComponent: thBodyComponent })))); }))); }))))))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg' },
|
|
76
76
|
React.createElement(PHXEmptySearch, null)))),
|
|
77
77
|
tableData.length > 0 && pagination && (pagination === null || pagination === void 0 ? void 0 : pagination.enable) && (React.createElement(Pagination, { pagination: pagination, currentPage: currentPage, setCurrentPage: setCurrentPage, offset: offset, setOffset: setOffset })))) : (React.createElement("div", { className: 'overflow-hidden rounded-lg border' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACpE,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,UAAU,MAAM,wBAAwB,CAAA;AAC/C,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,cAAc,MAAM,2BAA2B,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"TableReport.js","sourceRoot":"","sources":["../../../../src/components/TableReport/TableReport.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,8 @@ interface HeaderProps {
|
|
|
10
10
|
checkbox: any;
|
|
11
11
|
border: boolean;
|
|
12
12
|
spacing: boolean;
|
|
13
|
+
textCenter: boolean;
|
|
14
|
+
isHeaderBgWhite?: boolean;
|
|
13
15
|
}
|
|
14
|
-
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, }: HeaderProps): React.JSX.Element;
|
|
16
|
+
declare function Header({ rows, search, selectedAllPeople, toggleAll, tableKey, checked, checkbox, border, spacing, textCenter, isHeaderBgWhite, }: HeaderProps): React.JSX.Element;
|
|
15
17
|
export default Header;
|
|
@@ -2,11 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { classNames } from '../../types';
|
|
3
3
|
import { PHXCheckbox } from '../../Checkbox';
|
|
4
4
|
function Header(_a) {
|
|
5
|
-
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox, border = _a.border, spacing = _a.spacing;
|
|
5
|
+
var rows = _a.rows, search = _a.search, selectedAllPeople = _a.selectedAllPeople, toggleAll = _a.toggleAll, tableKey = _a.tableKey, checked = _a.checked, checkbox = _a.checkbox, border = _a.border, spacing = _a.spacing, textCenter = _a.textCenter, _b = _a.isHeaderBgWhite, isHeaderBgWhite = _b === void 0 ? false : _b;
|
|
6
6
|
return (React.createElement(React.Fragment, null, rows.map(function (row, rowIdx) { return (React.createElement("tr", { key: rowIdx, className: classNames(rowIdx !== 0 && border && 'border-t', search && search.enable && rowIdx === 0 && border && 'border-t') },
|
|
7
|
-
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", { rowSpan: rows.length, className: classNames('bg-gray-50
|
|
7
|
+
selectedAllPeople && selectedAllPeople.enable && rowIdx === 0 && (React.createElement("th", { rowSpan: rows.length, className: classNames('text-center', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', border && 'border-r', search && search.enable ? '' : 'rounded-tl-lg') }, !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.maxSelectedPeople) && (React.createElement("div", { className: 'flex justify-center items-center pl-3' },
|
|
8
8
|
React.createElement(PHXCheckbox, { inputRef: checkbox, id: "".concat(tableKey, "-header"), onChange: toggleAll, checked: checked }))))),
|
|
9
|
-
row.map(function (cell, cellIdx) { return (React.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: classNames('
|
|
9
|
+
row.map(function (cell, cellIdx) { return (React.createElement("th", { key: cellIdx, colSpan: cell.colSpan, rowSpan: cell.rowSpan, className: classNames('text-xs font-medium text-gray-800 whitespace-nowrap', isHeaderBgWhite ? 'bg-white' : 'bg-gray-50', textCenter ? 'text-center' : 'pl-8 text-left', spacing ? 'px-3 py-2.5' : '', cell.colIndex !== 0 && border && 'border-l', rowIdx === 0 && cellIdx === 0 && !(search === null || search === void 0 ? void 0 : search.enable) && !(selectedAllPeople === null || selectedAllPeople === void 0 ? void 0 : selectedAllPeople.enable) && 'rounded-tl-lg', rowIdx === 0 && cellIdx === row.length - 1 && !(search === null || search === void 0 ? void 0 : search.enable) && 'rounded-tr-lg') }, cell.name)); }))); })));
|
|
10
10
|
}
|
|
11
11
|
export default Header;
|
|
12
12
|
//# sourceMappingURL=Header.js.map
|