@hitachivantara/uikit-react-lab 3.47.1 → 3.48.0

package/dist/legacy/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeValue.js","names":["React","useCallback","useMemo","useState","PropTypes","uniqueId","dayjs","clsx","HvDatePicker","HvWarningText","HvTimePicker","Context","padTime","parseDate","parseTime","useStyles","valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","elementId","touchedDate","setTouchedDate","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","data","date","format","oldValue","start","time","end","type","onTimeChange","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","datePickerStatus","startTime","timePickerValue","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","root","row","horizontal","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","_evt","open","vertical","undefined","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","propTypes","number","string","any","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport dayjs from \"dayjs\";\nimport clsx from \"clsx\";\n\nimport { HvDatePicker, HvWarningText } from \"@hitachivantara/uikit-react-core\";\n\nimport HvTimePicker from \"../../../../TimePicker\";\nimport Context from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nfunction valueIsRange(operator) {\n  return operator === \"range\";\n}\n\nconst DateTimeValue = ({ id, operator, value: valueProp = {}, initialTouched = false }) => {\n  const classes = useStyles();\n\n  const isRange = valueIsRange(operator, valueProp);\n\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = context;\n\n  const elementId = uniqueId(`datetime${id}`);\n\n  const [touchedDate, setTouchedDate] = useState(initialTouched);\n  const [touchedTime, setTouchedTime] = useState(initialTouched);\n  const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n  const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n  const onDateChange = useCallback(\n    (data) => {\n      setTouchedDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n      if (date !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date,\n            time: valueProp?.time,\n          };\n        } else {\n          value = {\n            start: {\n              date,\n              time: valueProp?.start?.time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onTimeChange = useCallback(\n    (data) => {\n      setTouchedTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n      if (time !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date: valueProp?.date,\n            time,\n          };\n        } else {\n          value = {\n            start: {\n              date: valueProp?.start?.date,\n              time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onEndDateChange = useCallback(\n    (data) => {\n      setTouchedEndDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      if (date !== valueProp?.end?.date) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date,\n            time: valueProp?.end?.time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const onEndTimeChange = useCallback(\n    (data) => {\n      setTouchedEndTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      if (time !== valueProp?.end?.time) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date: valueProp?.end?.date,\n            time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n  const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n  const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n  const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n  const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n  const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n  const endDate = isRange ? valueProp?.end?.date : null;\n  const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n  const endTime = isRange ? valueProp?.end?.time : null;\n  const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n  const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n  const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n  const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;\n\n  const endTimeIsBeforeOrSame =\n    startDate != null &&\n    endDate != null &&\n    endDate === startDate &&\n    startTime != null &&\n    endTime != null &&\n    endTime <= startTime;\n\n  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n  const endDatePickerStatus =\n    endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n  const endTimePickerStatus =\n    endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n  return (\n    <div className={classes.root}>\n      <div className={clsx(classes.row, classes.horizontal)}>\n        <HvDatePicker\n          className={classes.datePicker}\n          name={`${elementId}-date`}\n          required\n          status={dateStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startDateLabel\n              : labels.rule.value.datetime.dateLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startDatePlaceholder\n              : labels.rule.value.datetime.datePlaceholder\n          }\n          value={datePickerValue}\n          onChange={onDateChange}\n        />\n        <HvTimePicker\n          className={classes.timePicker}\n          timeFormat=\"24\"\n          name={`${elementId}-time`}\n          disableDefaultValue\n          required\n          status={timeStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startTimeLabel\n              : labels.rule.value.datetime.timeLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startTimePlaceholder\n              : labels.rule.value.datetime.timePlaceholder\n          }\n          value={timePickerValue}\n          onChange={onTimeChange}\n          onToggle={(_evt, open) => {\n            if (!open && !touchedTime) {\n              setTouchedTime(true);\n            }\n          }}\n        />\n      </div>\n      {isRange && (\n        <div className={clsx(classes.row, classes.vertical)}>\n          <div className={classes.horizontal}>\n            <HvDatePicker\n              className={classes.datePicker}\n              name={`${elementId}-endDate`}\n              required\n              status={endDateStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endDateLabel}\n              placeholder={labels.rule.value.datetime.endDatePlaceholder}\n              value={endDatePickerValue}\n              onChange={onEndDateChange}\n            />\n            <HvTimePicker\n              className={classes.timePicker}\n              timeFormat=\"24\"\n              name={`${elementId}-endTime`}\n              disableDefaultValue\n              required\n              status={endTimeStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endTimeLabel}\n              placeholder={labels.rule.value.datetime.endTimePlaceholder}\n              value={endTimePickerValue}\n              onChange={onEndTimeChange}\n              onToggle={(_evt, open) => {\n                if (!open && !touchedEndTime) {\n                  setTouchedEndTime(true);\n                }\n              }}\n            />\n          </div>\n          <HvWarningText\n            disableBorder\n            id={`${elementId}-combined-error`}\n            isVisible={endDateTimeIsBefore}\n          >\n            {labels.rule.value.datetime.validation.invalidInterval}\n          </HvWarningText>\n        </div>\n      )}\n    </div>\n  );\n};\n\nDateTimeValue.propTypes = {\n  id: PropTypes.number,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(DateTimeValue);\n"],"mappings":"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"}
+{"version":3,"file":"DateTimeValue.js","names":["React","useCallback","useMemo","useState","PropTypes","uniqueId","dayjs","clsx","HvDatePicker","HvWarningText","HvTimePicker","Context","padTime","parseDate","parseTime","useStyles","valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","elementId","touchedDate","setTouchedDate","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","data","date","format","oldValue","start","time","end","type","onTimeChange","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","datePickerStatus","startTime","timePickerValue","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","root","row","horizontal","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","_evt","open","vertical","undefined","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","propTypes","number","string","any","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport dayjs from \"dayjs\";\nimport clsx from \"clsx\";\n\nimport { HvDatePicker, HvWarningText, HvTimePicker } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nfunction valueIsRange(operator) {\n  return operator === \"range\";\n}\n\nconst DateTimeValue = ({ id, operator, value: valueProp = {}, initialTouched = false }) => {\n  const classes = useStyles();\n\n  const isRange = valueIsRange(operator, valueProp);\n\n  const context = React.useContext(Context);\n  const { labels, dispatchAction } = context;\n\n  const elementId = uniqueId(`datetime${id}`);\n\n  const [touchedDate, setTouchedDate] = useState(initialTouched);\n  const [touchedTime, setTouchedTime] = useState(initialTouched);\n  const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n  const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n  const onDateChange = useCallback(\n    (data) => {\n      setTouchedDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n      if (date !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date,\n            time: valueProp?.time,\n          };\n        } else {\n          value = {\n            start: {\n              date,\n              time: valueProp?.start?.time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onTimeChange = useCallback(\n    (data) => {\n      setTouchedTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n      if (time !== oldValue) {\n        let value;\n        if (!isRange) {\n          value = {\n            date: valueProp?.date,\n            time,\n          };\n        } else {\n          value = {\n            start: {\n              date: valueProp?.start?.date,\n              time,\n            },\n            end: valueProp?.end,\n          };\n        }\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, isRange, valueProp]\n  );\n\n  const onEndDateChange = useCallback(\n    (data) => {\n      setTouchedEndDate(true);\n\n      let date;\n      if (data != null) {\n        date = dayjs(data).format(\"YYYY-MM-DD\");\n      }\n\n      if (date !== valueProp?.end?.date) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date,\n            time: valueProp?.end?.time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const onEndTimeChange = useCallback(\n    (data) => {\n      setTouchedEndTime(true);\n\n      let time;\n      if (data != null) {\n        time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n      }\n\n      if (time !== valueProp?.end?.time) {\n        const value = {\n          start: valueProp?.start,\n          end: {\n            date: valueProp?.end?.date,\n            time,\n          },\n        };\n\n        dispatchAction({\n          type: \"set-value\",\n          id,\n          value,\n        });\n      }\n    },\n    [dispatchAction, id, valueProp]\n  );\n\n  const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n  const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n  const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n  const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n  const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n  const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n  const endDate = isRange ? valueProp?.end?.date : null;\n  const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n  const endTime = isRange ? valueProp?.end?.time : null;\n  const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n  const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n  const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n  const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;\n\n  const endTimeIsBeforeOrSame =\n    startDate != null &&\n    endDate != null &&\n    endDate === startDate &&\n    startTime != null &&\n    endTime != null &&\n    endTime <= startTime;\n\n  const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n  const endDatePickerStatus =\n    endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n  const endTimePickerStatus =\n    endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n  const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n  return (\n    <div className={classes.root}>\n      <div className={clsx(classes.row, classes.horizontal)}>\n        <HvDatePicker\n          className={classes.datePicker}\n          name={`${elementId}-date`}\n          required\n          status={dateStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startDateLabel\n              : labels.rule.value.datetime.dateLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startDatePlaceholder\n              : labels.rule.value.datetime.datePlaceholder\n          }\n          value={datePickerValue}\n          onChange={onDateChange}\n        />\n        <HvTimePicker\n          className={classes.timePicker}\n          timeFormat=\"24\"\n          name={`${elementId}-time`}\n          disableDefaultValue\n          required\n          status={timeStatus}\n          statusMessage={labels.rule.value.datetime.validation.required}\n          label={\n            isRange\n              ? labels.rule.value.datetime.startTimeLabel\n              : labels.rule.value.datetime.timeLabel\n          }\n          placeholder={\n            isRange\n              ? labels.rule.value.datetime.startTimePlaceholder\n              : labels.rule.value.datetime.timePlaceholder\n          }\n          value={timePickerValue}\n          onChange={onTimeChange}\n          onToggle={(_evt, open) => {\n            if (!open && !touchedTime) {\n              setTouchedTime(true);\n            }\n          }}\n        />\n      </div>\n      {isRange && (\n        <div className={clsx(classes.row, classes.vertical)}>\n          <div className={classes.horizontal}>\n            <HvDatePicker\n              className={classes.datePicker}\n              name={`${elementId}-endDate`}\n              required\n              status={endDateStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endDateLabel}\n              placeholder={labels.rule.value.datetime.endDatePlaceholder}\n              value={endDatePickerValue}\n              onChange={onEndDateChange}\n            />\n            <HvTimePicker\n              className={classes.timePicker}\n              timeFormat=\"24\"\n              name={`${elementId}-endTime`}\n              disableDefaultValue\n              required\n              status={endTimeStatus}\n              statusMessage={labels.rule.value.datetime.validation.required}\n              aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n              label={labels.rule.value.datetime.endTimeLabel}\n              placeholder={labels.rule.value.datetime.endTimePlaceholder}\n              value={endTimePickerValue}\n              onChange={onEndTimeChange}\n              onToggle={(_evt, open) => {\n                if (!open && !touchedEndTime) {\n                  setTouchedEndTime(true);\n                }\n              }}\n            />\n          </div>\n          <HvWarningText\n            disableBorder\n            id={`${elementId}-combined-error`}\n            isVisible={endDateTimeIsBefore}\n          >\n            {labels.rule.value.datetime.validation.invalidInterval}\n          </HvWarningText>\n        </div>\n      )}\n    </div>\n  );\n};\n\nDateTimeValue.propTypes = {\n  id: PropTypes.number,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n  initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(DateTimeValue);\n"],"mappings":"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"}

package/dist/legacy/index.d.ts

@@ -42,3 +42,6 @@ export * from "./ProgressBar";
 
 export { default as HvDotPagination } from "./DotPagination";
 export * from "./DotPagination";
+
+export { default as HvControls } from "./Controls";
+export * from "./Controls";

package/dist/legacy/index.js

@@ -14,6 +14,8 @@ export { default as HvTag } from "./Tag";
 export { default as HvDrawer } from "./Drawer";
 export { default as HvColorPicker } from "./ColorPicker";
 export { default as HvQueryBuilder } from "./QueryBuilder";
+export { default as HvControls } from "./Controls";
+export * from "./Controls";
 export * from "./QueryBuilder";
 export { default as HvInlineEditor } from "./InlineEditor";
 export { default as HvProgressBar } from "./ProgressBar";

package/dist/legacy/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvInlineEditor","HvProgressBar","HvDotPagination"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,cAAc,gBAAd;AACA,SAASZ,OAAO,IAAIa,cAApB,QAA0C,gBAA1C;AACA,SAASb,OAAO,IAAIc,aAApB,QAAyC,eAAzC;AACA,SAASd,OAAO,IAAIe,eAApB,QAA2C,iBAA3C"}
+{"version":3,"file":"index.js","names":["default","HvAppSwitcherPanel","HvFormComposer","HvNavigationAnchors","HvNotificationPanel","HvSlider","HvTable","HvTimeAgo","HvTimePicker","HvTag","HvDrawer","HvColorPicker","HvQueryBuilder","HvControls","HvInlineEditor","HvProgressBar","HvDotPagination"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAppSwitcherPanel } from \"./AppSwitcherPanel\";\nexport * from \"./AppSwitcherPanel\";\nexport { default as HvFormComposer } from \"./FormComposer\";\nexport { default as HvNavigationAnchors } from \"./NavigationAnchors\";\nexport { default as HvNotificationPanel } from \"./NotificationPanel\";\nexport { default as HvSlider } from \"./Slider\";\nexport { default as HvTable } from \"./Table\";\nexport * from \"./Table\";\nexport { default as HvTimeAgo } from \"./TimeAgo\";\nexport * from \"./TimeAgo\";\nexport { default as HvTimePicker } from \"./TimePicker\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvDrawer } from \"./Drawer\";\nexport { default as HvColorPicker } from \"./ColorPicker\";\nexport { default as HvQueryBuilder } from \"./QueryBuilder\";\nexport { default as HvControls } from \"./Controls\";\nexport * from \"./Controls\";\nexport * from \"./QueryBuilder\";\nexport { default as HvInlineEditor } from \"./InlineEditor\";\nexport { default as HvProgressBar } from \"./ProgressBar\";\nexport { default as HvDotPagination } from \"./DotPagination\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,oBAA9C;AACA,cAAc,oBAAd;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,gBAA1C;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASH,OAAO,IAAII,mBAApB,QAA+C,qBAA/C;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,UAApC;AACA,SAASL,OAAO,IAAIM,OAApB,QAAmC,SAAnC;AACA,cAAc,SAAd;AACA,SAASN,OAAO,IAAIO,SAApB,QAAqC,WAArC;AACA,cAAc,WAAd;AACA,SAASP,OAAO,IAAIQ,YAApB,QAAwC,cAAxC;AACA,SAASR,OAAO,IAAIS,KAApB,QAAiC,OAAjC;AACA,SAAST,OAAO,IAAIU,QAApB,QAAoC,UAApC;AACA,SAASV,OAAO,IAAIW,aAApB,QAAyC,eAAzC;AACA,SAASX,OAAO,IAAIY,cAApB,QAA0C,gBAA1C;AACA,SAASZ,OAAO,IAAIa,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd;AACA,cAAc,gBAAd;AACA,SAASb,OAAO,IAAIc,cAApB,QAA0C,gBAA1C;AACA,SAASd,OAAO,IAAIe,aAApB,QAAyC,eAAzC;AACA,SAASf,OAAO,IAAIgB,eAApB,QAA2C,iBAA3C"}

package/dist/modern/Controls/Controls.d.ts

@@ -0,0 +1,57 @@
+import { StandardProps } from "@material-ui/core";
+
+export type HvControlsClassKey = "root" | "rightSection" | "leftSection";
+
+export interface HvControlsSortValue {
+  id: string;
+  desc: string;
+}
+export interface HvControlsViewConfiguration extends Record<string, unknown> {
+  setSortBy?: (v: HvControlsSortValue[]) => void;
+  setGlobalFilter?: (v: string) => void;
+}
+
+export interface HvControlsCallbacks extends Record<string, unknown> {
+  id: string;
+  label: string;
+  icon: React.ReactNode;
+}
+
+export interface HvControlsProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvControlsClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * An instance of useHvTable or useTable used to manage the data
+   * if this is not provided data sorting and search must be handled externally
+   */
+  callbacks?: HvControlsCallbacks;
+  /**
+   * Views configuration required for the view buttons
+   */
+  views?: HvControlsViewConfiguration[];
+  /**
+   * What view is selected by default
+   */
+  defaultView?: string;
+  /**
+   * Sets the selected view to be the one specified
+   * if specified the component is in a controlled state and it won't change it state
+   * unless specified externally
+   */
+  selectedView?: string;
+  /**
+   * Callback called when the view switcher button is pressed
+   */
+  onViewChange?: (event: Event, id: string) => void;
+  /**
+   * if `true` the button to switch views is not rendered
+   */
+  hideViewSwitcher?: boolean;
+}
+
+export default function HvControls(props: HvControlsProps): JSX.Element | null;

package/dist/modern/Controls/Controls.js

@@ -0,0 +1,164 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "icon"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { useControlled, HvMultiButton, HvButton, setId } from "@hitachivantara/uikit-react-core";
+import { HvControlsContextProvider } from "./context/ControlsContext";
+import styleCreator from "./styles";
+/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */
+
+const HvControls = ({
+  id,
+  views,
+  classes,
+  className,
+  callbacks,
+  selectedView,
+  defaultView,
+  children,
+  hideViewSwitcher = false,
+  onViewChange
+}) => {
+  const [currentView, setCurrentView] = useControlled(selectedView, defaultView);
+
+  const onViewChangeHandler = (evt, btnId) => {
+    setCurrentView(btnId);
+    onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange(evt, btnId);
+  };
+
+  const onSearchHandler = value => callbacks === null || callbacks === void 0 ? void 0 : callbacks.setGlobalFilter(value);
+
+  const onSortHandler = value => callbacks === null || callbacks === void 0 ? void 0 : callbacks.setSortBy([{
+    id: value === null || value === void 0 ? void 0 : value.accessor,
+    desc: value === null || value === void 0 ? void 0 : value.desc
+  }]);
+
+  const childrenIndexCut = (children === null || children === void 0 ? void 0 : children.length) > 0 ? Math.round(children.length * 0.5) : 0;
+  const leftChildren = children.slice(0, childrenIndexCut);
+  const rightChildren = children.slice(childrenIndexCut, (children === null || children === void 0 ? void 0 : children.length) || 0);
+  return /*#__PURE__*/React.createElement("div", {
+    id: id,
+    className: clsx(className, classes.root)
+  }, /*#__PURE__*/React.createElement(HvControlsContextProvider, {
+    value: {
+      onSearch: onSearchHandler,
+      onSort: onSortHandler
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.section, classes.leftSection)
+  }, leftChildren), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.section, classes.rightSection)
+  }, rightChildren, !hideViewSwitcher && (views === null || views === void 0 ? void 0 : views.length) > 0 && /*#__PURE__*/React.createElement(HvMultiButton, {
+    id: setId(id, "view-multi-button")
+  }, views === null || views === void 0 ? void 0 : views.map(_ref => {
+    let {
+      id: btnId,
+      icon
+    } = _ref,
+        others = _objectWithoutProperties(_ref, _excluded);
+
+    return /*#__PURE__*/React.createElement(HvButton, _extends({
+      id: btnId,
+      key: btnId,
+      icon: true,
+      selected: currentView === btnId,
+      onClick: evt => onViewChangeHandler(evt, btnId)
+    }, others), icon);
+  })))));
+};
+
+process.env.NODE_ENV !== "production" ? HvControls.propTypes = {
+  /** Children to be rendered. */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Children elements to be rendered
+   */
+  children: PropTypes.node,
+
+  /**
+   * An instance of useHvTable or useTable used to manage the data
+   * if this is not provided data sorting and search must be handled externally
+   */
+  callbacks: PropTypes.shape({
+    /**
+     * Callback used by the .
+     */
+    setSortBy: PropTypes.func,
+
+    /**
+     * Callback used by the search input to filter data across all fields
+     */
+    setGlobalFilter: PropTypes.func
+  }),
+
+  /**
+   * Views configuration required for the view buttons
+   */
+  views: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string,
+    icon: PropTypes.node,
+    id: PropTypes.string
+  })),
+
+  /**
+   * the classes object to be applied into the root object.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Right box of the controls
+     */
+    rightSection: PropTypes.string,
+
+    /**
+     * Left box of the controls
+     */
+    leftSection: PropTypes.string,
+
+    /**
+     * common styles for left and right controls
+     */
+    section: PropTypes.string
+  }).isRequired,
+
+  /**
+   * What view is selected by default
+   */
+  defaultView: PropTypes.string,
+
+  /**
+   * Sets the selected view to be the one specified
+   * if specified the component is in a controlled state and it won't change it state
+   * unless specified externally
+   */
+  selectedView: PropTypes.string,
+
+  /**
+   * Callback called when the view switcher button is pressed
+   */
+  onViewChange: PropTypes.func,
+
+  /**
+   * if `true` the button to switch views is not rendered
+   */
+  hideViewSwitcher: PropTypes.bool
+} : void 0;
+export default withStyles(styleCreator, {
+  name: "HvControls",
+  withTheme: true
+})(HvControls);
+//# sourceMappingURL=Controls.js.map

package/dist/modern/Controls/Controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","names":["React","PropTypes","clsx","withStyles","useControlled","HvMultiButton","HvButton","setId","HvControlsContextProvider","styleCreator","HvControls","id","views","classes","className","callbacks","selectedView","defaultView","children","hideViewSwitcher","onViewChange","currentView","setCurrentView","onViewChangeHandler","evt","btnId","onSearchHandler","value","setGlobalFilter","onSortHandler","setSortBy","accessor","desc","childrenIndexCut","length","Math","round","leftChildren","slice","rightChildren","root","onSearch","onSort","section","leftSection","rightSection","map","icon","others","propTypes","string","node","shape","func","arrayOf","label","isRequired","bool","name","withTheme"],"sources":["../../../src/Controls/Controls.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport { useControlled, HvMultiButton, HvButton, setId } from \"@hitachivantara/uikit-react-core\";\nimport { HvControlsContextProvider } from \"./context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\n/** Controls it's a group of features used to control data that can be rendered using different views (table, cards, list). */\nconst HvControls = ({\n  id,\n  views,\n  classes,\n  className,\n  callbacks,\n  selectedView,\n  defaultView,\n  children,\n  hideViewSwitcher = false,\n  onViewChange,\n}) => {\n  const [currentView, setCurrentView] = useControlled(selectedView, defaultView);\n\n  const onViewChangeHandler = (evt, btnId) => {\n    setCurrentView(btnId);\n    onViewChange?.(evt, btnId);\n  };\n\n  const onSearchHandler = (value) => callbacks?.setGlobalFilter(value);\n  const onSortHandler = (value) =>\n    callbacks?.setSortBy([\n      {\n        id: value?.accessor,\n        desc: value?.desc,\n      },\n    ]);\n  const childrenIndexCut = children?.length > 0 ? Math.round(children.length * 0.5) : 0;\n  const leftChildren = children.slice(0, childrenIndexCut);\n  const rightChildren = children.slice(childrenIndexCut, children?.length || 0);\n  return (\n    <div id={id} className={clsx(className, classes.root)}>\n      <HvControlsContextProvider\n        value={{\n          onSearch: onSearchHandler,\n          onSort: onSortHandler,\n        }}\n      >\n        <div className={clsx(classes.section, classes.leftSection)}>{leftChildren}</div>\n        <div className={clsx(classes.section, classes.rightSection)}>\n          {rightChildren}\n          {!hideViewSwitcher && views?.length > 0 && (\n            <HvMultiButton id={setId(id, \"view-multi-button\")}>\n              {views?.map(({ id: btnId, icon, ...others }) => (\n                <HvButton\n                  id={btnId}\n                  key={btnId}\n                  icon\n                  selected={currentView === btnId}\n                  onClick={(evt) => onViewChangeHandler(evt, btnId)}\n                  {...others}\n                >\n                  {icon}\n                </HvButton>\n              ))}\n            </HvMultiButton>\n          )}\n        </div>\n      </HvControlsContextProvider>\n    </div>\n  );\n};\n\nHvControls.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Children elements to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * An instance of useHvTable or useTable used to manage the data\n   * if this is not provided data sorting and search must be handled externally\n   */\n  callbacks: PropTypes.shape({\n    /**\n     * Callback used by the .\n     */\n    setSortBy: PropTypes.func,\n    /**\n     * Callback used by the search input to filter data across all fields\n     */\n    setGlobalFilter: PropTypes.func,\n  }),\n  /**\n   * Views configuration required for the view buttons\n   */\n  views: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      icon: PropTypes.node,\n      id: PropTypes.string,\n    })\n  ),\n  /**\n   * the classes object to be applied into the root object.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Right box of the controls\n     */\n    rightSection: PropTypes.string,\n    /**\n     * Left box of the controls\n     */\n    leftSection: PropTypes.string,\n    /**\n     * common styles for left and right controls\n     */\n    section: PropTypes.string,\n  }).isRequired,\n  /**\n   * What view is selected by default\n   */\n  defaultView: PropTypes.string,\n  /**\n   * Sets the selected view to be the one specified\n   * if specified the component is in a controlled state and it won't change it state\n   * unless specified externally\n   */\n  selectedView: PropTypes.string,\n  /**\n   * Callback called when the view switcher button is pressed\n   */\n  onViewChange: PropTypes.func,\n  /**\n   * if `true` the button to switch views is not rendered\n   */\n  hideViewSwitcher: PropTypes.bool,\n};\n\nexport default withStyles(styleCreator, { name: \"HvControls\", withTheme: true })(HvControls);\n"],"mappings":"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"}

package/dist/modern/Controls/LeftControl/LeftControl.d.ts

@@ -0,0 +1,32 @@
+import { StandardProps } from "@material-ui/core";
+import { HvInputProps } from "@hitachivantara/uikit-react-core";
+
+export type HvLeftControlClassKey = "root";
+
+export interface HvLeftControlProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLeftControlClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * if `true` the hide sort by dropdown is not rendered
+   */
+  hideSearch?: boolean;
+  /**
+   * placeholder of the input
+   */
+  placeholder?: string;
+  /**
+   * Callback called when a search action occurs
+   */
+  onSearch?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
+  /**
+   * Extra props passed to input
+   */
+  searchProps?: HvInputProps;
+}
+
+export default function HvLeftControl(props: HvLeftControlProps): JSX.Element | null;

package/dist/modern/Controls/LeftControl/LeftControl.js

@@ -0,0 +1,90 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "classes", "className", "children", "placeholder", "onSearch", "hideSearch", "searchProps"];
+import React, { useContext } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvInput, setId } from "@hitachivantara/uikit-react-core";
+import { HvControlsContext } from "../context/ControlsContext";
+import styleCreator from "./styles";
+
+const HvLeftControl = _ref => {
+  let {
+    id,
+    classes,
+    className,
+    children,
+    placeholder = "Search",
+    onSearch,
+    hideSearch = false,
+    searchProps
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const {
+    onSearch: onSearchHandler
+  } = useContext(HvControlsContext);
+
+  const onChangeFilter = (e, value) => {
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(e, value);
+    onSearchHandler === null || onSearchHandler === void 0 ? void 0 : onSearchHandler(value);
+  };
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: clsx(className, classes.root)
+  }, others), !hideSearch && /*#__PURE__*/React.createElement(HvInput, _extends({
+    id: setId(id, "search-input"),
+    type: "search",
+    placeholder: placeholder,
+    onChange: (e, value) => onChangeFilter(e, value)
+  }, searchProps)), children);
+};
+
+process.env.NODE_ENV !== "production" ? HvLeftControl.propTypes = {
+  /** Children to be rendered. */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /** Children to be rendered. */
+  children: PropTypes.node,
+
+  /**
+   * the classes object to be applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the dropdown in charge of sorting.
+     */
+    sortDropdown: PropTypes.string
+  }).isRequired,
+
+  /** Placeholder text to be show within the search input. */
+  placeholder: PropTypes.string,
+
+  /** Callback fired when the user starts to type in the search field. */
+  onSearch: PropTypes.func,
+
+  /** Boolean to control whether if the search input should appears or not. */
+  hideSearch: PropTypes.bool,
+
+  /**
+   * Extra props to be passed onto the input
+   */
+  searchProps: PropTypes.object
+} : void 0;
+export default withStyles(styleCreator, {
+  name: "HvLeftControl",
+  withTheme: true
+})(HvLeftControl);
+//# sourceMappingURL=LeftControl.js.map

package/dist/modern/Controls/LeftControl/LeftControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeftControl.js","names":["React","useContext","clsx","PropTypes","withStyles","HvInput","setId","HvControlsContext","styleCreator","HvLeftControl","id","classes","className","children","placeholder","onSearch","hideSearch","searchProps","others","onSearchHandler","onChangeFilter","e","value","root","propTypes","string","node","shape","sortDropdown","isRequired","func","bool","object","name","withTheme"],"sources":["../../../../src/Controls/LeftControl/LeftControl.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvInput, setId } from \"@hitachivantara/uikit-react-core\";\nimport { HvControlsContext } from \"../context/ControlsContext\";\nimport styleCreator from \"./styles\";\n\nconst HvLeftControl = ({\n  id,\n  classes,\n  className,\n  children,\n  placeholder = \"Search\",\n  onSearch,\n  hideSearch = false,\n  searchProps,\n  ...others\n}) => {\n  const { onSearch: onSearchHandler } = useContext(HvControlsContext);\n\n  const onChangeFilter = (e, value) => {\n    onSearch?.(e, value);\n    onSearchHandler?.(value);\n  };\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {!hideSearch && (\n        <HvInput\n          id={setId(id, \"search-input\")}\n          type=\"search\"\n          placeholder={placeholder}\n          onChange={(e, value) => onChangeFilter(e, value)}\n          {...searchProps}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n\nHvLeftControl.propTypes = {\n  /** Children to be rendered. */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /** Children to be rendered. */\n  children: PropTypes.node,\n  /**\n   * the classes object to be applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the dropdown in charge of sorting.\n     */\n    sortDropdown: PropTypes.string,\n  }).isRequired,\n  /** Placeholder text to be show within the search input. */\n  placeholder: PropTypes.string,\n  /** Callback fired when the user starts to type in the search field. */\n  onSearch: PropTypes.func,\n  /** Boolean to control whether if the search input should appears or not. */\n  hideSearch: PropTypes.bool,\n  /**\n   * Extra props to be passed onto the input\n   */\n  searchProps: PropTypes.object,\n};\n\nexport default withStyles(styleCreator, { name: \"HvLeftControl\", withTheme: true })(HvLeftControl);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,OAAT,EAAkBC,KAAlB,QAA+B,kCAA/B;AACA,SAASC,iBAAT,QAAkC,4BAAlC;AACA,OAAOC,YAAP,MAAyB,UAAzB;;AAEA,MAAMC,aAAa,GAAG,QAUhB;EAAA,IAViB;IACrBC,EADqB;IAErBC,OAFqB;IAGrBC,SAHqB;IAIrBC,QAJqB;IAKrBC,WAAW,GAAG,QALO;IAMrBC,QANqB;IAOrBC,UAAU,GAAG,KAPQ;IAQrBC;EARqB,CAUjB;EAAA,IADDC,MACC;;EACJ,MAAM;IAAEH,QAAQ,EAAEI;EAAZ,IAAgClB,UAAU,CAACM,iBAAD,CAAhD;;EAEA,MAAMa,cAAc,GAAG,CAACC,CAAD,EAAIC,KAAJ,KAAc;IACnCP,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGM,CAAH,EAAMC,KAAN,CAAR;IACAH,eAAe,SAAf,IAAAA,eAAe,WAAf,YAAAA,eAAe,CAAGG,KAAH,CAAf;EACD,CAHD;;EAKA,oBACE;IAAK,EAAE,EAAEZ,EAAT;IAAa,SAAS,EAAER,IAAI,CAACU,SAAD,EAAYD,OAAO,CAACY,IAApB;EAA5B,GAA2DL,MAA3D,GACG,CAACF,UAAD,iBACC,oBAAC,OAAD;IACE,EAAE,EAAEV,KAAK,CAACI,EAAD,EAAK,cAAL,CADX;IAEE,IAAI,EAAC,QAFP;IAGE,WAAW,EAAEI,WAHf;IAIE,QAAQ,EAAE,CAACO,CAAD,EAAIC,KAAJ,KAAcF,cAAc,CAACC,CAAD,EAAIC,KAAJ;EAJxC,GAKML,WALN,EAFJ,EAUGJ,QAVH,CADF;AAcD,CAhCD;;AAkCA,wCAAAJ,aAAa,CAACe,SAAd,GAA0B;EACxB;EACAd,EAAE,EAAEP,SAAS,CAACsB,MAFU;;EAGxB;AACF;AACA;EACEb,SAAS,EAAET,SAAS,CAACsB,MANG;;EAOxB;EACAZ,QAAQ,EAAEV,SAAS,CAACuB,IARI;;EASxB;AACF;AACA;EACEf,OAAO,EAAER,SAAS,CAACwB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEpB,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIG,YAAY,EAAEzB,SAAS,CAACsB;EARD,CAAhB,EASNI,UArBqB;;EAsBxB;EACAf,WAAW,EAAEX,SAAS,CAACsB,MAvBC;;EAwBxB;EACAV,QAAQ,EAAEZ,SAAS,CAAC2B,IAzBI;;EA0BxB;EACAd,UAAU,EAAEb,SAAS,CAAC4B,IA3BE;;EA4BxB;AACF;AACA;EACEd,WAAW,EAAEd,SAAS,CAAC6B;AA/BC,CAA1B;AAkCA,eAAe5B,UAAU,CAACI,YAAD,EAAe;EAAEyB,IAAI,EAAE,eAAR;EAAyBC,SAAS,EAAE;AAApC,CAAf,CAAV,CAAqEzB,aAArE,CAAf"}

package/dist/modern/Controls/LeftControl/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./LeftControl";
+export * from "./LeftControl";

package/dist/modern/Controls/LeftControl/index.js

@@ -0,0 +1,2 @@
+export { default } from "./LeftControl";
+//# sourceMappingURL=index.js.map

package/dist/modern/Controls/LeftControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Controls/LeftControl/index.js"],"sourcesContent":["export { default } from \"./LeftControl\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}

package/dist/modern/Controls/LeftControl/styles.js

@@ -0,0 +1,9 @@
+const styles = () => ({
+  root: {
+    display: "inline-flex",
+    gap: 10
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Controls/LeftControl/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","root","display","gap"],"sources":["../../../../src/Controls/LeftControl/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    display: \"inline-flex\",\n    gap: 10,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,OAAO,EAAE,aADL;IAEJC,GAAG,EAAE;EAFD;AADc,CAAP,CAAf;;AAOA,eAAeH,MAAf"}

package/dist/modern/Controls/RightControl/RightControl.d.ts

@@ -0,0 +1,43 @@
+import { StandardProps } from "@material-ui/core";
+import { HvDropdownProps, ListValueProp } from "@hitachivantara/uikit-react-core";
+
+export type HvRightControlClassKey = "root" | "sortDropdown";
+
+export interface HvControlsViewConfiguration extends Record<string, unknown> {
+  id: string;
+  label: string;
+  icon: React.ReactNode;
+}
+
+export interface RightListControls extends ListValueProp {
+  accesor: string;
+  desc: boolean;
+}
+
+export interface HvRightControlProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvRightControlClassKey> {
+  /** Children to be rendered. */
+  id?: string;
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * if `true` the hide sort by dropdown is not rendered
+   */
+  hideSortBy?: boolean;
+  /**
+   * options for the dropdown to sort
+   */
+  values?: RightListControls[];
+  /**
+   * Callback called when a sort action occurs
+   */
+  onSort?: (selected: RightListControls | ListValueProp | ListValueProp[] | undefined) => void;
+  /**
+   * Extra props passed to dropdown
+   */
+  sortProps?: HvDropdownProps;
+}
+
+export default function HvRightControl(props: HvRightControlProps): JSX.Element | null;